/*
 * @Description:
 * @Author: william
 * @Date: 2024-05-06 10:49:51
 * @LastEditors: william
 * @LastEditTime: 2024-08-02 11:36:43
 */
// https://github.com/michael-ciniawsky/postcss-load-config

module.exports = {
  plugins: {
    // to edit target browsers: use "browserslist" field in package.json
    autoprefixer: {
      overrideBrowserslist: [
        'Android >= 4.0',
        'iOS >= 7',
        'Chrome > 31',
        'ff > 31',
        'ie >= 8'
      ]
    },
    'postcss-pxtorem': {
      rootValue: 100, // 结果为：设计稿元素尺寸/100，比如元素宽320px,最终页面会换算成 20rem
      // rootValue({ file }) {
      //   // 如果当前处理的文件路径包含特定页面标识符，比如
      //   if (file.includes('src/views/home')) {
      //     return 100 // 例如，对于某个特定页面，设置根字体大小为100
      //   }
      //   return '' // 或者返回默认值，对其他页面不进行转换
      // },
      propList: ['*'],
      // selectorBlackList: [/\.dashboard-page-wrap/] // 不进行转换的选择器黑名单，如果有不需要转换的特殊类名可以加在这里
      exclude(file) {
        // file 绝对文件路径
        // return true
        return !file.includes('src/views/dashboard') // 非largeScreen(大屏)页面不转换
      }
    }
  }
}
